<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/homework.css">
</head>
<body>
    <div class="QA-container">
        <div class="question">
            <p>1. 简述绑定事件(注册事件)三要素。</p>
        </div>
        <div class="answer">
            <p>答：绑定事件(注册事件)三要素：</p>
            <p>1、 事件源： 给谁绑定事件</p>
            <p>2、 事件类型： 绑定什么类型的事件</p>
            <p>3、 事件函数： 事件发生后执行什么内容，写在函数内部</p>
        </div>
    </div>

    <div class="QA-container">
        <div class="question">
            <p>2. 简述innerHTML和innerText的区别。</p>
        </div>
        <div class="answer">
            <p>答：获取标签内部内容的属性有两个： innerHTML 和 innerText</p>
            <p>innerHTML属性， 在获取标签内部内容时， 如果包含标签， 获取的内容会包含标签， 获取的内容包括空白换行等。</p>
            <p>innerText属性， 在获取标签内部内容时， 如果包含标签， 获取的内容会过滤标签， 获取的内容会去掉换行和缩进等空白。</p>
        </div>
    </div>

    <div class="QA-container">
        <div class="question">
            <p>3. 简述排他思想制作的思路。</p>
        </div>
        <div class="answer">
            <p>答：排他思想：1.排除其他 2.保留自己</p>
            <p>排除其他：将所有的项目包括自己，通过遍历数组，恢复默认样式（清空样式）</p>
            <p>保留自己：重新设置自己</p>
            <p>作业第5、8题有实际使用</p>
        </div>
    </div>

    <div class="QA-container">
        <div class="question">
            <p>4. 列举常见的鼠标事件。</p>
        </div>
        <div class="answer">
            <p>答：常用的鼠标事件类型</p>
            <ul>
                <li>onclick 鼠标左键单击触发</li>
                <li>ondbclick 鼠标左键双击触发</li>
                <li>onmousedown 鼠标按键按下触发</li>
                <li>onmouseup 鼠标按键放开时触发</li>
                <li>onmousemove 鼠标在元素上移动触发</li>
                <li>onmouseover 鼠标移动到元素上触发</li>
                <li>onmouseout 鼠标移出元素边界触发</li>
            </ul>
        </div>
    </div>



<script src="./js/homework.js"></script>
</body>
</html>